// 答题组件样式
@import "../../constants//image.scss";

.AnswerQuestions {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  

  // 头部背景图片
  // ------------------------------------------------------------------------------

  .AnswerQuestionsHead {
    width: 100%;
    height: 9rem;
    background-repeat: no-repeat;
    background-position: top; 
    overflow: hidden;
    background-size: cover;
  }

  // 内容滚动
  // ------------------------------------------------------------------------------

  .slideBox {
    width: 100%;
    // 小屏幕时的样式

    .smllBack {
      height: 7.86rem;
      background-position: 0 -.4rem; 
    }
  }

 

  // 遮罩层
  // ------------------------------------------------------------------------------

  .AnswerQuestionsMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 1.76rem;
    left: 0;
    z-index: 999;
    // background-color: aqua;
  }
}


// 接口报错弹窗
// ------------------------------------------------------------------------------

.AnswerQuestionsMistake {
  box-sizing: border-box;
  width: 6.2rem;
  height: 5.9rem;
  background: #fff;
  border: .02rem solid #000;
  border-radius: .52rem;
  padding-top: .92rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);

  // 头像

  .AnswerQuestionsMistakeHead {
    width: 1.14rem;
    height: 1.14rem;
    background-repeat: no-repeat;
    background-position: center; 
    overflow: hidden;
    background-size: cover;
    background-image: url($mistakeIcon);
    margin: auto;
  }

  // 文字内容

  .AnswerQuestionsMistakeText {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: .26rem;
    line-height: .4rem;
    text-align: center;
    color: #000;
    margin-top: .74rem;
  }

  // 按键内容

  .AnswerQuestionsMistakeBtn {
    width: 3.86rem;
    height: 1.04rem;
    background-color: #fe2c55;
    box-shadow: 0 .04rem .24rem rgba(0, 0, 0, .12);
    border-radius: 1.98rem;
    font-weight: 700;
    font-size: .34rem;
    line-height: 1.04rem;
    text-align: center;
    color: #fff;
    margin: .94rem auto auto;
  }
}
